<template>
	<view class="list-evaluation">
		<view class="list-content">
			<view class="index-evaluation">
				<image  class="index-evaluation-img" src="/static/images/index-evaluation.png"></image>
				<text class="index-evaluation-title">专业</text>
			</view>
			<view class="bottom-text">
				<view>
					<text class="bottom-text-title">爱宝幼儿园感统测评</text>
					<view class="bottom-text-num">
						<text class="bottom-text-num-a">¥5.00</text>
						<text class="bottom-text-num-b">¥699.00</text>
					</view>
					<view class="presentation">
						<text class="presentation-title">所属机构：<text>天赋幼儿园</text></text>
						<text class="presentation-title-jg">机构已付款</text>
					</view>
				</view>
				<view class="start">
					<text class="start-title">立刻测评</text>
				</view>
			</view>
			
		</view>
	</view>
</template>
<script>
</script>

<style>
	.list-evaluation{
		padding: 26upx 20upx 0 20upx ;
		margin-top: 100upx;
	}
	.list-content{
		border-radius: 24upx;
		box-shadow: 0px 10px 8px #f4f4f4;
		margin-bottom: 26upx;
		padding-bottom: 38upx;
	}
	 .list-content .index-evaluation{
		width: 100%;	
		position: relative;
	}
	 .list-content .index-evaluation .index-evaluation-img{
		width: 100%;
		height: 320upx;
		display: block;
	}
	.list-content .index-evaluation .index-evaluation-title{
		font-size:33upx;
		color:#fff;
		position: absolute;
		top: 0;
		right: 0;
		width: 140upx;
		height: 60upx;
		line-height: 60upx;
		border-top-right-radius: 24upx;
		border-bottom-left-radius: 24upx;
		text-align: center;
		background: #95cc00;
	}
	.list-content .start{
		flex: 1;
		justify-content: flex-end;
		display: flex;
		align-self: flex-end;
	}
	.list-content .start .start-title{
		width: 173upx;
		height: 53upx;
		line-height: 53upx;
		text-align: center;
		border-radius: 30upx;
		color: #fff;
		margin-right: 10upx;
		font-size: 26upx;
		background: -webkit-linear-gradient(right, #ff9b00 , #ff7200);
	}
	.list-content .bottom-text{
		padding: 0 20upx 0 20upx;
		display: flex;
	}
	.list-content .bottom-text .presentation{
		margin-top: -20upx;
	}
	.list-content .bottom-text .presentation-title{
		font-size: 20upx;
		color: #999999;
	}
	.list-content .bottom-text .presentation-title-jg{
		font-size: 20upx;
		color: #ffb38d;
		margin-left: 36upx;
		
	}
	.list-content .bottom-text .bottom-text-title{
		display: block;
		font-size: 33upx;
		color: #333;
		font-weight: bold;
		margin-top: 22upx;
	}
	.list-content .bottom-text .bottom-text-num .bottom-text-num-a{
		color: #ff7200;
		font-size: 33upx;
		margin-top: 20upx;
	}
	.list-content .bottom-text .bottom-text-num .bottom-text-num-b{
		margin-left: 18upx;
		color: #cacaca;
		font-size: 33upx;
		text-decoration:line-through;
	}
</style>
